/*
*************************************
* PocketGTT
*************************************
This file is part of PocketGTT.

PocketGTT is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

PocketGTT is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with PocketGTT.  If not, see <http://www.gnu.org/licenses/>.
*/

import QtQuick 1.0

Rectangle {
    //    width: 360
    //    height: 360

    // set size to screen
    anchors.fill: parent
    anchors.centerIn: parent
    id: aboutview
    state: "active"
//    clip: true
    color: myWin.theme.aboutview_background


    Text {
        id: txtAvv
        text: qsTr("Istruzioni")
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 10
        width: parent.width * 0.8
        color: "#fcf01a" //"white"
        font.bold: true
        horizontalAlignment: Text.AlignHCenter

        font.pixelSize: myWin.theme.textSizeM   //26
        wrapMode: Text.Wrap

    }

    Flickable {

        width: parent.width
        //        height: 200
        anchors.top: txtAvv.bottom
        anchors.bottom: parent.bottom
        anchors.topMargin: 10
        //        contentWidth: image.width; contentHeight: image.height
        contentHeight: instructionContainer.height
        flickableDirection: Flickable.VerticalFlick
        clip:true

        Column{
            id: instructionContainer
            spacing: 10
            width: parent.width

            TextInstruction {
                text: qsTr("PocketGTT è strutturato in quattro schermate. La pagina principale, identificabile dal tema azzurro, contiene una barra per le ricerche, l'elenco delle ultime fermate visualizzate e i bottoni per uscire dal programma e per visualizzare le istruzioni. ")
            }

            ImageInstruction {
                source: "./logo/screen01.png"
            }

            TextInstruction {
                text: qsTr("L'elenco delle fermate visualizzate di recente occupa la parte centrale dello schermo. Le fermate cercate vengono salvate in automatico in questa lista. Un semplice click permette di ottenere informazioni dettagliate sulla fermata. Per rimuovere una fermata dall'elenco è sufficiente tenere premuto un secondo sulla fermata e poi rispondere affermativamente alla domanda.")
            }

            TextInstruction {
                text: qsTr("Nella parte superiore è presente la barra delle ricerche. E' possibile cercare fermate sia con il numero visibile sul palo sia per nome, ma non in base al luogo o alla via. La ricerca tramite il numero è univoca, mentre la ricerca tramite nome può produrre risultati multipli. In tal caso si verrà rediretti alla seconda schermata identificabile dal tema verde:")
            }

            ImageInstruction {
                source: "./logo/screen02.png"
            }

            TextInstruction {
                text: qsTr("Sopra è visibile un esempio di corrispondenze multiple. Un click su una fermata la aggiunge alla lista dei preferiti e i dettagli relativi alla fermata verrano visualizzati.")
            }

            TextInstruction {
                text: qsTr("La schermata di dettaglio della fermata identificabile dal tema arancione:")
            }

            ImageInstruction {
                source: "./logo/screen03.png"
            }

            TextInstruction {
                text: qsTr("qui si vede l'elenco delle linee che nelle prossime ore passeranno per la fermata. Se un orario è sottolineato allora è una previsione in tempo reale, altrimenti risulta dall'orario programmato.")
            }

            TextInstruction {
                text: qsTr("Cliccando sulla barra <i>Passaggi  Mappa</i> si passa alternativamente tra le visualizzazioni dell'orario e della mappa della fermata.")
            }

            ImageInstruction {
                source: "./logo/screen04.png"
            }

            TextInstruction {
                text: qsTr("Questo è tutto quello che c'è da sapere. Per problemi o informazioni potete chiedere aiuto sul sito del programma:")
            }

            TextInstruction {
                text: qsTr("<i>http://projects.developer.nokia.com/PocketGTT</i>")
            }
        }


    }


}
